<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="${e.res('/css/main.css')}">
    <script src="${e.res('/js/errorHander.js')}"></script>
</head>
<body>
<#include "/pages/moudle/HeadFoot.ftl">
<@headFoot>
    <div class="banner">
        <ul class="banner-ul">
            <#if indexInfo.banners?size != 0>
            <#list indexInfo.banners as banner>
            <li>
                <a>
                    <img src="${e.res('${banner.imageUrl}')}">
                </a>
            </li>
            </#list>
            </#if>
        </ul>
        <div class="arr-left">
            <span></span>
        </div>
        <div class="arr-right">
            <span></span>
        </div>
    </div>
    <div class="pic-bottom">
        <div class="pic-cursor-bar">
        <#if indexInfo.banners?size != 0>
        <#list indexInfo.banners as banner>
            <a class="pic-current"></a>
        </#list>
        </#if>
        </div>
    </div>
    <div class="work-show">
        <div class="work-title">
            <label>作品展示</label>
        </div>
        <ul class="work-ul">
            <#if indexInfo.works?size != 0>
            <#list indexInfo.works as work>
            <li>
                <img src="${e.res('${work.imageUrl}')}">
                <div class="work-desc">
                    <label>名称:&ensp;${work.worksName}</label>
                    <label>形式:&ensp;${work.worksForm}</label>
                    <label>质地:&ensp;${work.worksMaterial}</label>
                </div>
                <div class="work-desc2">
                    ${work.worksSign}，${work.worksSeal}，${work.worksSize}
                </div>
            </li>
            </#list>
            </#if>
        </ul>
    </div>
</@headFoot>
</body>
<script src="${e.res('/js/jquery-1.4.3.min.js')}"></script>
<script src="${e.res('/js/jquery.banner.js')}"></script>
<script src="${e.res('/js/index.js')}"></script>
</html>